<template>
  <div class="footer">
    <div class="footer-wrap">
      <dl class="shopping-directory">
        <dt>购物指南</dt>
        <dd>购物流程</dd>
        <dd>会员介绍</dd>
        <dd>生活旅行/团购</dd>
        <dd>常见问题</dd>
        <dd>购物指南</dd>
      </dl>
      <dl class="shipping-method">
        <dt>配送方式</dt>
        <dd>上门自提</dd>
        <dd>211限时达</dd>
        <dd>配送服务查询</dd>
        <dd>配送费收取标准</dd>
        <dd>海外配送</dd>
      </dl>
      <dl class="pay-method">
        <dt>支付方式</dt>
        <dd>货到付款</dd>
        <dd>在线支付</dd>
        <dd>分期付款</dd>
        <dd>邮局汇款</dd>
        <dd>公司转账</dd>
      </dl>
      <dl class="sale-service">
        <dt>售后服务</dt>
        <dd>售后政策</dd>
        <dd>价格保护</dd>
        <dd>退款说明</dd>
        <dd>返修/退换货</dd>
        <dd>取消订单</dd>
      </dl>
      <dl class="special-sevice">
        <dt>特色服务</dt>
        <dd>夺宝岛</dd>
        <dd>DIY装机</dd>
        <dd>延保服务</dd>
        <dd>尚品汇E卡</dd>
        <dd>尚品汇通信</dd>
      </dl>
      <dl class="help-center">
        <dt>帮助中心</dt>
        <dd>
          <img src="./wx_cz.jpg" alt="wechat">
        </dd>
      </dl>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.footer{
  height: 210px;
  background-color: #eaeaea;
  // overflow: hidden;
}
.footer-wrap{
  display: flex;
  height: 190px;
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 0;
  border-bottom: 1px solid rgb(148, 146, 146);
  dl{
    width: 190px;
    height: 180px;
    box-sizing: border-box;
    dt{
      font-size: 14px;
      font-weight: bold;
    }
    dd{
      height: 18px;
      line-height: 18px;
    }
  }
}
</style>